<template>
  <div>
    <div>
      <div class="all">
        <div class="first">
             <div class="first_top_left">
          <h3>园区概览</h3></div><!--first_top_left  结束-->
          <div class="first_top_right">
            <ul>
              <li>
                当前位置：
              </li>
              <li>
                首页
              </li>
              <li>
                >>
              </li>
              <li>
                园区概览
              </li>
              <li>
                >>
              </li>
              <li>
                园区概况
              </li>
            </ul>
          </div><!--first_top_night 结束-->
        </div><!--first 结束-->
        <div class="first_top_bottom"></div><!--first_top_bottom 结束-->
        <div class="first_comtent">
          <div class="first_comtent_left">
            <ul>
              <li>
                <div style="float: left"><!--start-->
                  <img src="../../assets/title1.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div><!--stop-->
                <div >
                  <router-link to="/park/Yqgk" style="text-decoration:none ">
                  园区概况
                  </router-link>
                </div>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Yqgk" style="text-decoration:none ">
                周边陪套
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Wzjjt" style="text-decoration:none ">
                位置与交通
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Lpfc" style="text-decoration:none ">
                楼盘风采
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Yqgk" style="text-decoration:none ">
                3D导采
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Rzqy" style="text-decoration:none ">
                入驻企业
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                </div>
                <router-link to="/park/Dsj" style="text-decoration:none ">
                大事记
                </router-link>
              </li>
            </ul>
          </div><!--first_comtent_left 结束-->
        </div>
        <div class="first_comtent_right">
        <span style="color: #517bc0;gitfont-size: 20px;">
          照母山科技创新城 创新起航成就梦想
        </span>
          <div style="margin-top: 10px;font-size: 12px">&nbsp;&nbsp;&nbsp;&nbsp;
            照母山科技创新城是两江新区高新技术企业、高技术服务业、
            战略性新兴产业集聚发展的重要载体和创新平台，<br>集聚200多家金融企业、
            1000余家科技企业，重点建设三个科技创新园和八个产业基地。
          </div>
          <div>
            <img src="../../assets/parkOverview1.jpg" style="width: 607px;height: 936px;margin-top: 10px">
          </div>
        </div><!--first_content_right 结束-->
      </div>

    </div>
  </div>
</template>

<style>
  .all{
    margin:0 auto;width: 100%;
  }

  .first_top_left h3{
    color: #517bc0;
    font-size: 20px;
    margin-left: 200px;
    float: left;
  }
  .first_top_right{
    float: right;
    padding-right: 300px;
    margin-top: 10px;
    font-size: 12px;
  }
  .first_top_right li{
    list-style: none;
    float: left;
  }
  .first_top_right a{
    text-decoration: none;
    color: black;
  }
  .first_top_right a:hover{
    color: #507cc0;
  }
  body{
    padding: 0;
    margin: 0;
  }
  .first{
    width: 100%;
    height: 60px;
    /*border-bottom: 2px fuchsia solid;*/
  }
  .first_top_bottom{
    width: 850px;
    border-bottom: 1px #507cc0 solid;
    margin-left: 200px;
  }
  .first_comtent_left{
    float: left;
    margin-left: -120px;
    /*border-left: 1px #507cc0 solid;*/
  }
  .first_comtent_left img{
    margin-left: 2px;
  }
  .first_comtent_left li{
    list-style: none;
    margin-top: 28px;
    margin-left: -4px;
  }
  .first_comtent_right{
    width: 900px;
    float: right;
    margin-top: 20px;
  }
  .parkshow_top{
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 6px;
    margin-top: -4px;
  }
  .parkshow_second{
    height: 18px;
    width: 2px;
    float: left;
    background-color: #dcdcdc;
    margin-left: 0px;
    margin-top: -11px;
    position: absolute;
    left: 202px;
  }
</style>

<script>

  export default {
    name: 'Yqgk',
    data() {
      return {msg: ''}
    }
  }

</script>
